<template>
  <div class="page-center">
    <van-nav-bar
      title="个人中心"
      left-text="返回"
      left-arrow
      right-text="退出"
      @click-left="$router.back()"
      @click-right="store.logout"
    />

    <div class="content">
      <van-cell-group inset title="个人中心">
        <van-cell title="地址管理" is-link to="/address"/>
        <van-cell title="订单中心" is-link to="/order"/>
        <van-cell title="设置" is-link/>
      </van-cell-group>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { useUseStore } from "@/stores/user";

const store = useUseStore();
</script>

<style lang="scss" scoped>

.page-center{
    height: 100%;
    background: #ddd;
}
.content {
  padding-top: 15px;
}
</style>
